<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .a {
            width: 300px;
            height: 200px;
            border: 1px solid black;

        }

        .c {
            overflow:hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            -o-text-overflow:ellipsis;
            width:100% ;
        }

    </style>
</head>
<body>
<div class="a">
    <div class="c">
        宇宙这一真实的存在表明它必然存在自身的组织成份以及基本面貌，近年国内学者利用数理方法在综合经典场、量子力学、相对论与引力场等理论的基础上提出了一个体现宇宙成份及之基本面的表达式：量项维物基。描绘了以空间…星分子原子粒子…声热光磁电力运动为核心的事物体系在宇宙结构层所起的关建作用，显示以空间…星分子原子粒子…声热光磁电力运动为体系的产物是形成宇宙物质和时空存在的基本要素
    </div>
</div>
<script>
    const arr = [{
        id: 1,
        name: 'jack',
        value: 100
    }, {
        id: 2,
        name: 'jack2',
        value: 200
    }, {
        id: 3,
        name: 'jack3',
        value: 300
    }, {
        id: 4,
        name: 'jack4',
        value: 400
    }]

    let k = JSON.parse(JSON.stringify(arr, ['id', 'value']))
    console.log(k)

    let k2 = arr.map(item => {
        return {id: item.id, value: item.value}
    })
    console.log(k2)
</script>
</body>
</html>